<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>联想电脑 轻春期，焕新机</title>

    <link rel="stylesheet" type="text/css" href="css/reset.css?timestamp=2233">

    <link rel="stylesheet" type="text/css" href="css/index.css?timestamp=2233">

    <link rel="stylesheet" type="text/css" href="css/shipei.css?timestamp=2233">

</head>



<body>
    <!--音乐播放-->

    <div class="musicBox" style="display:none">

        <img class="musicIcon" src="http://cdn.yhq.lenovo.com.cn/lenovo/doubleDan/img/music.png?timestamp=2233">

        <audio style="display:none" id="music" loop="loop" src="music/a.mp3?timestamp=2233"></audio>

    </div>

    <!--等待获取授权-->

    <div class="natantBox loading"  >

        <div class="natant loadinglArea">

            <img class="natantBg" id="loadingBg" src="img/loading.gif?timestamp=2233">

        </div>

    </div>

    <!-- 进入游戏界面 -->

    <div class="enter" >

        <img class="fullBg" src="img/bg.jpg?timestamp=2233">

        <img class="shouye1 " src="img/shou1.png?timestamp=2233" alt="">

        <img class="shouye2" src="img/shou2.png?timestamp=2233" alt="">



        <div class="start" >

            <img class="startMenu" src="img/startBtn.png?timestamp=2233">

        </div>

    </div>

    <!-- 游戏规则 -->

    <div class="natantBox rule" style="display: none;">

        <div class="natant ruleArea">

            <img class="natantBg ruleBg" src="img/rule.png?timestamp=2233">

            <img class="knowBtn" src="img/knowBtn.png?timestamp=2233">

        </div>

    </div>

    <!-- 游戏准备界面-->

    <div class="ready" style="display: none;">

        <img class="readyBg" src="img/readyBg.jpg?timestamp=2233">

        <div class="readyShow">

            <img class="time" src="img/time.png?timestamp=2233" alt="">

            <span class="timeOut">60s</span>

            <img class="gift" src="img/gift.png?timestamp=2233" alt="">

            <span class="giftCount">0</span>

        </div>

        <img class="daojishi" src="img/daojishi5.png?timestamp=2233" alt="">

        <img class='movePreson' src="img/movePerson.png?timestamp=2233" alt="">

        <img class="moveTip" src="img/moveTip.png?timestamp=2233" alt="">

    </div>

    <!--  游戏界面-->

    <div class="game" style="display: none;">

        <img class="readyBg" src="img/readyBg.jpg?timestamp=2233">

        <img class="daojishi" style="display: none;" src="img/daojishi5.png?timestamp=2233" alt="">

        <div class="readyShow">

            <img class="time" src="img/time.png?timestamp=2233" alt="">

            <span class="timeOut">60s</span>

            <img class="gift" src="img/gift.png?timestamp=2233" alt="">

            <span class="giftCount">0</span>

        </div>

        <div class="moveBox">

            <div class="mover">

                <img class="moveImg" src="img/movePerson.png?timestamp=2233">

                <img class="add" style="display: none;" src="img/add.jpg?timestamp=2233" alt="">

            </div>

        </div>

    </div>

    <!-- 游戏结果 -->

    <div class="result" style="display:none">

        <!-- 结果层-->

        <img class="resultBg" src="img/resultBg.jpg?timestamp=2233">

        <img class="resultIcon" src="img/resultIcon.png?timestamp=2233">

        <div class="titleInfo">

            <p class="titleTip">接货一分钟
                <br>红包抽到手</p>

        </div>

        <div class="resultInfo">

            <p>联想电脑

                <span class='list0 spans'>0</span>个 福袋

                <span class='list1 spans'>0</span>个
                <span class='spans nowScore'>本次得分</span>:

                <span class="sum spans">999</span>

            </p>

            <p>

                <span style="display:none" class='maxCount spans'>福袋</span>

                <span class="giftTip">福星高照，好运来到~</span>~</p>

        </div>

        <!-- 结果按钮 -->

        <div class="resultBtn">

            <img class="drawGift" src="img/getGift.png?timestamp=2233" alt="">

            <img class="getLuck" src="img/moreLucky.png?timestamp=2233" alt="">

        </div>

        <div class="moreBtn">

            <img class="student minArrow" src="img/student.png?timestamp=2233" alt="">

            <img class="coupon minArrow" src="img/cpupon.png?timestamp=2233" alt="">

            <img class="product minArrow" src="img/product.png?timestamp=2233" alt="">

        </div>

        <img class="ad" src="img/ad.png?timestamp=2233" alt="">

        <div class="rankBtn">

            <img class="rank" src="img/rank.png?timestamp=2233" alt="">

            <img class="rankDown fadeOutDown" src="img/rankDown.png?timestamp=2233" alt="">

        </div>

        <!--排行榜-->

        <div class="ranks">

            <img class="ranksBg" src="img/rankBg.jpg?timestamp=2233">

            <img class="rankTitle" src="img/rank-title.png?timestamp=2233" alt="">

            <ul class="rankTotal">

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>

                    <span>nickname</span>

                    <span>接货总数：

                        <sapn class='total'>score</sapn>

                    </span>

                </li>

                <li>
                    <span>nickname</span>
                    <span>接货总数：
                        <sapn class='total'>score</sapn>
                    </span>
                </li>

            </ul>

            <div class="info">

                <div class="infoBtn">
                    <img class="infoBtnImg" src="img/drawBtn.png?timestamp=2233" alt="">

                </div>

                <h1>1、学生专享礼：活动期间，只要你验证学生身份购机，即可领取1元兑换券，1元可以购买价值499元的24寸拉杆箱、499元的入耳式降噪耳机、499元的多功能纳米加热护颈/加热披肩。</h1>

                <h1>2、官网150元学生专享区：活动期间，验证学生身份后，自动发放150元券到你的账户。</h1>

                <h1> 3、积分100%兑好礼：购机后，通过关注联想服务微信绑定设备，即可在7个工作日内获得购机积分并可到兑换中心进行兑换。</h1>

            </div>



        </div>

    </div>



    <!-- 关注浮层 -->

    <div class="natantBox follow" style="display: none;">

        <div class="natant followArea">

            <img class="natantBg followBg" src="img/floatBg.png?timestamp=2233">

            <img class="title" src="img/f_title.png?timestamp=2233" alt="">

            <img class="shutDown" src="img/close.png?timestamp=2233">

            <img class="QRcode" src="img/code.png?timestamp=2233">

        </div>

    </div>

    <!-- 分享浮层 -->

    <div class="natantBox share" style="display: none;" >

        <img class="shareBg" src="img/share.png?timestamp=2233">

        <img class="shareInfo" src="img/shareInfo.png?timestamp=2233">

    </div>

    <!-- 次数用尽-->

    <div class="natantBox total" style="display: none;">

        <div class="natant totalArea">

            <img class="natantBg totalBg " src="img/floatBg.png?timestamp=2233">

            <img class="shutDown" src="img/close.png?timestamp=2233">

            <p class="info">抱歉，今日次数已达上限</p>

        </div>

    </div>

    <!--会员卡领取浮层-->

    <div class="natantBox MemberCard" style="display:none">

        <div class="natant MemberCardArea">

            <img class="natantBg MemberCardBg" src="img/floatBg.png?timestamp=2233">

            <img class="title" src="img/m_title.png?timestamp=2233" alt="">

            <img class="card300" src="img/300Cord.png?timestamp=2233" alt="">

            <img class="shutDown" src="img/close.png?timestamp=2233">

            <img class="getBtn" src="img/getBtn.png?timestamp=2233">

        </div>

    </div>

    <!--手机号浮层 -->

    <div class="natantBox phone" style="display:none">

        <div class="natant phoneArea">

            <img class="natantBg phoneBg " src="img/floatBg.png?timestamp=2233">

            <img class="shutDown" src="img/close.png?timestamp=2233">

            <div class="phoneInput">

                <input type="tel" id="phoneNumber" placeholder="手机号">

                <div class="testCode">

                    <i class="imgCode" onclick="changeImg('imgCode')">

                        <img id="imgCode" src="http://yhq.lenovo.com.cn/v1/anon/user/create/verifyCode.do" />

                    </i>

                    <input type="tel" id="testCodeInp" />

                </div>

                <div class="phoneCode">

                    <input type="tel" id="veryCode" placeholder="验证码">

                    <span id="getVeryCode" onclick="getVerCode()">获取</span>

                </div>

            </div>

            <img class="submit" src="img/submit.png?timestamp=2233">



        </div>

    </div>



    <!-- 错误提示浮层 -->

    <div class="errorTip" style="display:none">

        <div>

            <img class="alertClose" src="img/close.png?timestamp=2233">

            <img class="phone_bg" src="img/floatBg.png?timestamp=2233">

            <div class="errorTipCount">

                <div>

                    <div class="errorTipTitle">提示</div>

                    <div class="errorTipWord">手机号输入错误</div>

                </div>

            </div>

        </div>

    </div>

    <div class="errorTip1" style="display:none">

        <div>

            <img class="alertClose1" src="img/close.png?timestamp=2233">

            <img class="phone_bg" src="img/floatBg.png?timestamp=2233">

            <div class="errorTipCount">

                <div>

                    <div class="errorTipTitle">提示</div>

                    <div class="errorTipWord">手机号输入错误</div>

                </div>

            </div>

        </div>

    </div>



    <!--抽奖学金钱结果页面-->

    <div class="natantBox studyMoney" style="display:none">

        <div class="natant studyMoneyArea">

            <img class="natantBg studyMoneyBg " src="img/floatBg.png?timestamp=2233">

            <img class="shutDown" src="img/close.png?timestamp=2233">

        </div>

        <div class="studyMoneyInfo yesBag" style="display:none">

            <p class="title">好运多的也是没sei了~ </p>



            <h1 class="info">恭喜您获得

                <br>

                <span class="moneyCount">1</span>元红包</h1>

            <p class="comeOn">继续，好运根本停不下来！</p>



        </div>



        <div class="studyMoneyInfo noBag">

            <p class="title">稳住，别慌！ </p>

            <p class="comeOn">是时候向小伙伴展示真正的实力了！</p>

        </div>

        <div class="studyMoneyBtn">

            <img class="giftPK getLuck replay" src="img/rePlay.png?timestamp=2233">

        </div>

    </div>



</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js?timestamp=2233?timestamp=2233"></script>

<script src="js/jquery-1.12.3.min.js?timestamp=2233"></script>

<script src="js/common.js?timestamp=2233"></script>

<script src="js/authorize.js?timestamp=2233"></script>

<script src="js/wechat-share.js?timestamp=2233"></script>

<script src="js/flexible.js?timestamp=2233"></script>

<script src="js/app.js?timestamp=2233"></script>

<script src="js/drag.js?timestamp=2233"></script>

<script src="js/play.js?timestamp=2233"></script>

<script src="js/index.js?timestamp=2233"></script>



</html>